<script setup>
import { defineModel,defineProps } from 'vue';

let props = defineProps({ // 定义props
    total: { // 总条数
        type: Number, // 类型为Number
        default: 1, 
    },
    pageSize: { // 每页显示条数
        type: Number, 
        default: 5, 
    },
});
let page = defineModel({required: true}); // 定义model，required为true，表示必须传入


</script>

<template>
    <!-- 分页组件封装 -->
    <el-pagination background layout="prev, pager, next" :total="props.total"
     v-model:current-page="page" 
    :page-size="props.pageSize" />
</template>

<style scoped>
.el-pagination {
    justify-content: center;
  }
</style>
